<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <script src="../static/layui/layui.js"></script>
</head>
<body>
    <div id="indexhead" style="width: 100%;height: 60px;position: relative;z-index: 5;padding: 0;">
        <iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="header.html" width="100%"></iframe>
    </div>
    <div>
        <div>
            <div>
                <img src=""/>
            </div>
            <div>轮播</div>
        </div>
        <div>
            <table>
                <tr>
                    <td>商品名字</td>
                </tr>
                <tr>
                   <td>
                       <span>围观次数</span>
                   </td>
                    <td><input type="button" value="提醒按钮"></td>
                </tr>
                <tr>
                    <td>拍卖状态</td>
                    <td>倒计时：</td>
                </tr>
                <tr>
                    <td>当前价：</td>
                    <td>保证金：</td>
                    <td><a href="报名交保证金页面"></a></td>
                </tr>
                <tr>
                    <td>报名人数</td>
                    <td>设置提醒人数</td>
                </tr>
                <tr>
                    <td>起拍价</td>
                    <td>加价幅度</td>
                    <td>保证金</td>
                </tr>
                <tr>
                    <td>保留价</td>
                    <td>拍卖人</td>
                </tr>
                <tr>
                    <input type="button" value="添加收藏">
                </tr>
                <tr>
                    <td>分享</td>
                    <td>分享去向</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">拍品简介</li>
            <li>出价记录</li>
            <li>服务保障</li>
            <li>保证金须知</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                1. 高度默认自适应，也可以随意固宽。
                <br>2. Tab进行了响应式处理，所以无需担心数量多少。
            </div>
            <div class="layui-tab-item">内容2</div>
            <div class="layui-tab-item">内容3</div>
            <div class="layui-tab-item">内容4</div>
        </div>
    </div>
    <script>
        layui.use('element', function() {
            var $ = layui.jquery
                , element = layui.element;
        });
    </script>
</body>
</html>